$namespace: "bl" !default;
$block-sel: "-" !default;
$element-sel: "__" !default;
$modify-sel: "--" !default;
:root{
  --size:16px;
  --color:red;

}
:root[theme='dark']{
  --color:black;
}
:root[theme='light']{
  --color:white;
}
@mixin bfc{
    height: 100%;
    overflow: hidden;
}

@mixin b($block) {
  //组装class名进行定位
  $B: #{$namespace + $block-sel + $block};
  .#{$B} {
    @content;
  }
}
@mixin e($element) {
  //定义变量获取父级类名
  $selector: &;
  //组装class名进行定位
  @at-root {
    //跳出嵌套去除编译阶段父级类名
    #{$selector + $element-sel + $element} {
      @content;
    }
  }
}
@mixin m($modify) {
  //定义变量获取父级类名
  $selector: &;
  //组装class名进行定位
  @at-root {
    //跳出嵌套去除编译阶段父级类名
    #{$selector + $modify-sel + $modify} {
      @content;
    }
  }
}
